// 个人首页的代码逻辑

/**
 * 在当前页面,如果没有发现本地存储中有token 
 * 跳转到登录页
 * 
 * */



const token = localStorage.getItem('token')
if (!token) {
  location.href = '/login.html'
}

/**
 * http://api-breakingnews-web.itheima.net
 * /my/userinfo
 * get请求
 * 获取个人信息的接口
 * */
// getUserInfo()  // 获取用户信息  --- 调用函数
function getUserInfo() {
  userInfo((res)=>{
    if (res.data.status === 0) {
      const data = res.data.data
      console.log('getUserInfo',data);
      let { email, id, nickname, user_pic, username } = data

      // 有昵称,就显示昵称 
      username = nickname || username
      // 用户名 赋值
      $('.username').html(username) 


      // 判断 user_pic 头像
      // 如果不存在 ,显示 username的首字母大写
      // 如果存在 的话,显示头像
      if (user_pic) {
        // 头像上传了 === 首字母的那个隐藏
        $('.layui-nav-img').prop('src', user_pic)
        // 显示
        $('.layui-nav-img').css('display', 'inline-block')
        $('.avatar').css('display', 'none')
      } else {
        // 头像没上传
        const firstLetter = username[0].toUpperCase()  // "a" == A 
        $('.avatar').html(firstLetter)

        $('.avatar').css('display', 'inline-block')
        
        // 头像不显示
        $('.layui-nav-img').css('display', 'none')

      }
    } else {
      console.log('验证失败');
      // 清除本地的token
      localStorage.removeItem('token')
      // 回到注册页
      location.href = '/login.html'
    }
  })
}
window.getUserInfo = getUserInfo
window.getUserInfo()

// 让当前文章列表高亮
function addClass() {
  // 找到第二个dd,添加高亮  layui-this
  $('#wzlist').addClass('layui-this').siblings().removeClass('layui-this')
  // next() prev()
  // 让当前的dd移出高亮
  // $('#fblist').removeClass('layui-this')

}
window.addClass = addClass


// 退出功能
$('#logout').on('click', function () {
  layer.confirm('亲,是否确定要退出,留下来好不好?', { icon: 3, title: '温馨提示' }, function (index) {
    //do something
    // 清除本地的token
    localStorage.removeItem('token')
    // 回到注册页
    location.href = '/login.html'
    layer.close(index);
  });
})